<!doctype html>
<html>
<head>
    <meta charset="utf-8">
</head>
<!-- 公司简介 -->
<body>
<div class="container" style="margin-top:15px">
    <div class="container marketing">

        <!-- Three columns of text below the carousel -->
        <div class="row">
            <div class="col-lg-4"><img class="img-circle" src="images/logo.jpg" alt="Generic placeholder image"
                                       style="width: 140px; height: 140px;">

                <h2>组织架构</h2>

                <p>说明说明说明说明说明说明说明说明</p>

                <p><a class="btn btn-primary" id="seeTreeAll" href="#" role="button">View details &raquo;</a></p>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-4"><img class="img-circle" src="images/logo.jpg" alt="Generic placeholder image"
                                       style="width: 140px; height: 140px;">

                <h2>技术组</h2>

                <p>说明说明说明说明说明说明说明说明</p>

                <p><a class="btn btn-primary" id="seeTreeTe" href="#" role="button">View details &raquo;</a></p>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-4"><img class="img-circle" src="images/logo.jpg" alt="Generic placeholder image"
                                       style="width: 140px; height: 140px;">

                <h2>美术组</h2>

                <p>说明说明说明说明说明说明说明说明说明说明说明</p>

                <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
            </div>
            <!-- /.col-lg-4 -->
        </div>
        <!-- /.row -->
        <div class="row">
            <div class="col-lg-4"><img class="img-circle" src="images/logo.jpg" alt="Generic placeholder image"
                                       style="width: 140px; height: 140px;">

                <h2>策划组</h2>

                <p>说明说明说明说明说明说明说明说明</p>

                <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-4"><img class="img-circle" src="images/logo.jpg" alt="Generic placeholder image"
                                       style="width: 140px; height: 140px;">

                <h2>运维组</h2>

                <p>说明说明说明说明说明</p>

                <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-4"><img class="img-circle" src="images/logo.jpg" alt="Generic placeholder image"
                                       style="width: 140px; height: 140px;">

                <h2>商务组</h2>

                <p>商务部门说明</p>

                <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
            </div>
            <!-- /.col-lg-4 -->
        </div>
        <!-- /.row -->
        <div class="row">
            <div class="col-lg-4"><img class="img-circle" src="images/logo.jpg" alt="Generic placeholder image"
                                       style="width: 140px; height: 140px;">

                <h2>运营组</h2>

                <p>说明说明说明说明说明说明说明</p>

                <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-4"><img class="img-circle" src="images/logo.jpg" alt="Generic placeholder image"
                                       style="width: 140px; height: 140px;">

                <h2>客服组</h2>

                <p>说明说明说明说明说明</p>

                <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
            </div>
            <!-- /.col-lg-4 -->

        </div>
        <!-- /.row -->
        <!-- START THE FEATURETTES -->


        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">XXXXX组</h4>
                    </div>
                    <div class="modal-body">
                        <h2>说点什么啊啊啊 <span class="text-muted">Checkmate.</span></h2>

                        <p class="lead">说点什么啊啊啊说点什么啊啊啊说点什么啊啊啊说点什么啊啊啊说点什么啊啊啊说点什么啊啊啊说点什么啊啊啊说点什么啊啊啊说点什么啊啊啊说点什么啊啊啊.</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
</body>
<script type="text/javascript">
    $(function () {
        $("#seeTreeAll").on('click', function () {
            $('#myModal').modal('show');
        });
        $("#seeTreeTe").on('click', function () {
            $('#myModal').modal('show');
        });
    });

</script>
</html>
